<!--
 * @Author: zhangjingyu
 * @Date: 2020-12-03 11:23:08
 * @LastEditors: zhangjingyu
 * @LastEditTime: 2020-12-11 09:32:48
 * @FilePath: \vprisk10.14\src\components\webSocket\SockJs.vue
 * @Description: sockjs
-->
<template>
  <div></div>
</template>

<script>
// import { systemManage } from "@/api/index";
// import SockJS from "sockjs-client";
// import Stomp from "stompjs";
// export default {
//   created() {},
//   data() {
//     return {
//       userInfo: null,
//       stompClient: "",
//       timer: "",
//       count: -1
//     };
//   },
//   methods: {
//     getUserId() {
//       systemManage.getCurrentUserInfo().then(res => {
//         if (res.code == 200) {
//           this.userInfo = res.data;
//           // 连接webSocket，用于接收后台实时信息推送
//           setTimeout(() => {
//             this.initWebSocket();
//           }, 1000);
//         } else {
//           console.log(res);
//         }
//       });
//     },
//     initWebSocket() {
//       this.connection();
//       let that = this;
//       // 断开重连机制,尝试发送消息,捕获异常发生时重连
//       this.timer = setInterval(() => {
//         try {
//           that.stompClient.send("test");
//         } catch (err) {
//           console.log("断线了: " + err);
//           that.connection();
//         }
//       }, 5000);
//     },
//     connection() {
//       const socketUrl = systemManage.messageSokect() + this.userInfo.userId;
//       // 建立连接对象
//       let socket = new SockJS(socketUrl);
//       // 获取STOMP子协议的客户端对象
//       this.stompClient = Stomp.over(socket);
//       // 定义客户端的认证信息,按需求配置
//       let headers = {
//         access_token: sessionStorage.getItem("loginToken")
//       };
//       // 向服务器发起websocket连接
//       this.stompClient.connect(
//         headers,
//         () => {
//           this.stompClient.subscribe(
//             "/topic/public",
//             msg => {
//               // 订阅服务端提供的某个topic
//               console.log("广播成功");
//               console.log(msg); // msg.body存放的是服务端发送给我们的信息
//             },
//             headers
//           );
//           // this.stompClient.send("/app/chat.addUser",
//           //     headers,
//           //     JSON.stringify({sender: '',chatType: 'JOIN'}),
//           // )   //用户加入接口
//         },
//         err => {
//           // 连接发生错误时的处理函数
//           console.log("失败");
//           console.log(err);
//         }
//       );
//     }, //连接 后台
//     disconnect() {
//       if (this.stompClient) {
//         this.stompClient.disconnect();
//       }
//     } // 断开连接
//   },
//   mounted() {
//     this.getUserId();
//   },
//   beforeDestroy: function() {
//     // 页面离开时断开连接,清除定时器
//     this.disconnect();
//     clearInterval(this.timer);
//   }
// };

</script>

<style lang="scss" scoped>
</style>